<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp">
     <meta name="keywords" content="${keyword}"  >
    <meta name="description" content="${description }" />
    <title>人才招聘-湖南卓景京信息技术有限公司</title>
    <!--[if lt IE 8]>
    <meta http-equiv="refresh" content="0;ie.html" />
    <![endif]-->
    <link href="${path }/resource/plugin/bootstrap-3.3.5/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="${path }/resource/plugin/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="${path }/resource/css/visitor/base.css" rel="stylesheet" type="text/css">
    <link href="${path }/resource/css/visitor/recruitment.css" rel="stylesheet" type="text/css">
    <link rel="shortcut icon" href="${path }/resource/images/favicon.ico">
    <style type="text/css">
    .art{
    	display: none;
    }
    </style>
</head>
<body class="">

<jsp:include page="_top.jsp"></jsp:include>
<div class="w">
<div class="container">
		<c:forEach var="item"  items="${arts }">
			<div class="art col-md-9">
					${item.artContent }
			</div>
		</c:forEach>
	 
	<ul class="side col-md-2">
         <c:forEach var="item"  items="${arts }" varStatus="count">
         	<c:if test="${count.index eq 0 }">
				<li class="active" id="${count.index }" >${item.artTitle }</li>
         	</c:if>
         	<c:if test="${count.index ne 0 }">
				<li  id="${count.index }" >${item.artTitle }</li>
         	</c:if>
		</c:forEach>
    </ul>
	
	
	
</div>
</div>

<jsp:include page="_foot.jsp"></jsp:include>
<script type="text/javascript" src="${path }/resource/js/plugin/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="${path }/resource/plugin/bootstrap-3.3.5/js/bootstrap.min.js"></script>
<script type="text/javascript" src="${path }/resource/js/systools/AjaxProxy.js"></script>
<script type="text/javascript" src="${path }/resource/js/systools/MTools.js"></script>
<script type="text/javascript" src="${path }/resource/js/plugin/carousel.js"></script>
<script>
    $(function(){
    	console.log($(".art").eq(0).html());
       $(".art").eq(0).fadeIn();
       
       $(".side li").click(function(){
    	   var id= $(this).attr("id");
    	   $(".art").hide(); 
    	   $(".art").eq(id).fadeIn();
    	   $(".side li").attr("class","1");
    	   
    	   $(this).attr("class","active");
    	   
       });
       
    });
</script>
</body>
</html>